<ui:composition
    xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      template="/layout/template.xhtml"
    >
    <ui:define name="content">
    <p:dialog header="Ingrese los datos" widgetVar="dialciudad" resizable="false" modal="true" appendTo="@(body)"  width="500" height="300" dynamic="true" closable="false">
                   <h:form id="formCiudad">                   
     			      <ui:include src="/dm/ciudad.xhtml" />     			   			
			       </h:form>
	</p:dialog>
    
    
        <h:form id="formPrincipal">
        
            <p:messages showDetail="true"/>
            
            <h1>#{mensaje.titulo_ciudades}</h1>
            <p:separator id="separator"/>  
            <br/>
            <h:panelGroup>
		    <p:commandButton icon="new" action="#{ciudadBean.iniciar()}" value="#{mensaje.action_nuevo}" onclick="PF('dialciudad').show()"  update=":formCiudad"/>
		    <br/>
		    <br/>
            </h:panelGroup>
           
            
            <p:dataTable id="tablaciudad" paginator="true" rows="6" paginatorPosition="bottom" value="#{ciudadList.findAll()}" var="_ciudad">
                
                <p:column sortBy="#{_ciudad.nombre}"  filterBy="#{_ciudad.nombre}" >
                    <f:facet name="header">#{mensaje.label_nombre}</f:facet>
                        #{_ciudad.nombre}
                </p:column>
                
               
                
                <p:column>
                    <f:facet name="header">#{mensaje.label_opciones}</f:facet>
                    <p:commandButton action="#{ciudadBean.iniciar2(_ciudad)}"
                                     icon = "ui-icon-pencil" onclick="PF('dialciudad').show()" update=":formCiudad"/>
                                     
                    <p:commandButton id="botoneliminar" action="#{ciudadBean.eliminar(_ciudad)}"
									 update=":formPrincipal" icon= "ui-icon-closethick" >
							<p:confirm header="Confirmation" message="#{mensaje.titulo_confirmacion_ciudad}" icon="ui-icon-alert" />	
					</p:commandButton>	
			
					         <p:tooltip for="botoneliminar" value="#{mensaje.action_eliminar}" showEffect="fade" hideEffect="fade" />  					       
						<p:confirmDialog global="true" showEffect="fade">  
			     			   <p:commandButton value="#{mensaje.titulo_si}" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"/>  
			      			   <p:commandButton value="#{mensaje.titulo_no}" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>         
			    	    </p:confirmDialog>   
                </p:column>
             </p:dataTable>
        </h:form>
    </ui:define>    
</ui:composition>

